@charset "utf-8";
.box-search {
	float:left;
	border:1px solid #e6e3e0;
	background-color:#f8f5f2;
	width:920px;
	padding:9px;
	margin-top:20px;
}
.box-search .item-form {
	float:left;
	margin-left:10px;
	width:145px;	
}
.box-search .item-form:first-child {
	margin-left:0;
}
.box-search .dd-selected {
	background-color:#FFFFFF;
	padding:1px 10px;
	color:#000000;
	font-weight:normal;
}

.box-search ul.dd-options {
	margin: 0;
    max-height: 200px;
    overflow-x: hidden;
    padding: 0;
}
.box-search ul.dd-options li {
	width:143px;
}
.box-search ul.dd-options li .dd-option {
	padding:1px 10px;
	line-height:24px;
}
.box-search .dd-selected img,
.box-search ul.dd-options li .dd-option img {
	max-height:26px;
}
.box-search .dd-selected label,
.box-search ul.dd-options li .dd-option label {
	width:auto !important;
	line-height:26px !important;
}
.box-search label,
.box-search .sel,
.box-search .txt {
	width:100%;
	float:left;
}
.box-search label {
	margin-bottom:5px;
}
.box-search label.bold {
	font-weight:bold;
}
.box-search .sel select {
	display:none;
}
.box-search .txt input[type="text"] {
	border:1px solid #CCCCCC;
	float:left;
	width:123px;
	padding:10px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.box-search button[type="submit"] {
	-moz-box-shadow:inset 0px 1px 0px 0px #83aae1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #83aae1;
	box-shadow:inset 0px 1px 0px 0px #83aae1;	
	background-color:#4676c9;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	text-indent:0;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:35px;
	line-height:35px;
	border:none;
	width:125px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #4d7ece;
	margin-top:19px;
	text-transform:uppercase;
}
.box-search button[type="submit"]:hover {
	background-color:#5e85c9;
}
.box-result {
	width:220px;
	float:left;
}
ul#listResult {
	width:220px;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	max-height:457px;
	overflow-y:auto;
}
ul#listResult li {
	float:left;
	border:1px solid #e6e3e0;
	margin-top:5px;
	margin-right:1%;
}
ul#listResult li:hover {
	background-color:#EFEFEF;
	cursor:pointer;
}
ul#listResult li:first-child {
	margin-top:0;
}
.box-map,
div#mapCanvas {
	width:460px;
	float:right;
	height:480px;
}
.box-map {
	margin-left:20px;
}
.box-event,
.box-event .cnt {
	display:inline-block;
	width:100%;
}
.box-event .cnt ul {
	list-style:none;
	margin:0;
	padding:0;
}
.box-event .cnt ul li{	
	float:left;
	width:218px;
	margin-top:20px;	
	clear:both;
	border:1px solid #e6e3e0;	
}
.box-event .cnt ul li:first-child {
	margin-top:0;
}

@media only screen and (min-width: 1200px){
	.box-search {
		width:1160px;
	}
	.box-search .item-form {
		width:185px;
	}
	.box-search .txt input[type="text"] {
		width:163px;
	}
	.box-search ul.dd-options li {
		width:183px;
	}
	ul#listResult {
		max-height:637px;
	}
	.box-map,
	div#mapCanvas {
		width:640px;
		height:660px;
	}
	.box-event .cnt ul li {
		width:278px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 939px) { 
	.box-search {
		width:728px;
	}
	.box-search .item-form {
		width:174px;
	}
	.box-search .item-form input[type="text"] {
		width:152px;
	}
	.box-search .item-form:nth-child(5) {
		margin-left:0;
		margin-top:10px;
	}
	.box-search .item-form:nth-child(6) {
		margin-top:10px;
	}
	ul#listResult {
		max-height:313px;
	}
	div.item.map h3 span {
		width:78%;
	}
	.box-map,
	div#mapCanvas {
		height: 336px;
		width: 336px;
		margin-left:0;
	}
}
@media only screen and (max-width: 767px) { 
	.box-search {
		width:280px;
	}
	.box-search .item-form {
		width:280px;
		margin-top:10px;
		margin-left:0;
	}
	.box-search .item-form:ntn-child(1) {
		margin-top:0;
	}	
	.box-search .item-form input[type="text"] {
		width:258px;
	}
	.box-search button[type="submit"] {
		margin-top:0;
		margin-left:80px;
	}
	.box-result {
		width: 100%; 
		float:right;
	}
	ul#listResult {
		max-height:inherit;
		width:100%;
		overflow:inherit;
	}
	ul#listResult li {
		margin-right:0;
	}
	.box-map,
	div#mapCanvas {
		height: 300px;
		width: 100%;
		float:left;
		margin-left:0;		
	}
	.box-event .cnt ul li {
		width:298px;
	}	
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.box-search {
		width:400px;
	}
	.box-search .item-form {
		width:195px;
		margin-top:10px;
	}
	.box-search .item-form:ntn-child(1),
	.box-search .item-form:ntn-child(2) {
		margin-top:0;
	}
	.box-search .item-form:nth-child(2n-1) {
		margin-left:0;
	}
	.box-search .item-form input[type="text"] {
		width:173px;
	}
	.box-event .cnt ul li {
		width:418px;
	}	
}